.mt-23 {
    margin-top: 1.44rem;
}
.mt-21 {
    margin-top: 1.31rem;
}
.page {
    padding: 28rem 19.5rem 52.25rem;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.text-wrapper {
    padding: 0.75rem 0 1.75rem;
    border-radius: 0.56rem 0rem 0rem 0.56rem;
    background-image: url('https://ide.code.fun/api/image?token=67b9408a4ae84d001226de46&name=aada6c3d3c25e5038b69329ae975fabb.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 12.5rem;
    height: 3.63rem;
}
.font {
    font-size: 1.13rem;
    font-family: Source Han Sans CN;
    line-height: 1.13rem;
    font-weight: 500;
    color: #454545;
}
.text-wrapper_2 {
    padding: 0.75rem 0 1.75rem;
    border-radius: 0.56rem 0rem 0rem 0.56rem;
    background-image: url('https://ide.code.fun/api/image?token=67b9408a4ae84d001226de46&name=a6c21df1b6fe1fb6bdadd57a26a6468a.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 12.38rem;
    height: 3.63rem;
}
.font_2 {
    font-size: 1.13rem;
    font-family: Source Han Sans CN;
    line-height: 1.13rem;
    font-weight: 500;
    color: #ffffff;
}
.text-wrapper_3 {
    padding: 0.75rem 0 1.75rem;
    border-radius: 0.56rem 0rem 0rem 0.56rem;
    background-image: url('https://ide.code.fun/api/image?token=67b9408a4ae84d001226de46&name=a86af500fe1936ef43e9a3c14847606b.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 12.5rem;
    height: 3.63rem;
}
.group {
    margin-top: -0.81rem;
}
.section {
    padding-bottom: 9.06rem;
    background-image: url('https://ide.code.fun/api/image?token=67b9408a4ae84d001226de46&name=8bf136e4757c75281e9d7770979928b4.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 19.31rem;
    height: 36.94rem;
}
.text-wrapper_4 {
    padding: 2.94rem 0 2.25rem;
    background-color: #727272;
    border-radius: 0.63rem 0.63rem 0rem 0rem;
    width: 19.38rem;
}
.text {
    margin-left: 3.5rem;
}
.font_3 {
    font-size: 1.13rem;
    font-family: Source Han Sans CN;
    line-height: 1.13rem;
    color: #454545;
}
.text_2 {
    margin-left: 3.56rem;
}
.divider {
    background-color: #e5e5e5;
    width: 16rem;
    height: 0.063rem;
}
.text_5 {
    margin-left: 3.56rem;
}
.group_4 {
    padding-left: 1.75rem;
    padding-right: 1.44rem;
    border-left: solid 0.13rem #0d6fb8;
}
.divider_2 {
    background-color: #e5e5e5;
    height: 0.13rem;
}
.text_6 {
    margin-left: 1.81rem;
}
.text_7 {
    margin-left: 3.56rem;
}
.divider_3 {
    background-color: #e5e5e5;
    width: 16rem;
    height: 0.13rem;
}
.text_8 {
    margin-left: 3.56rem;
}
.section_2 {
    padding: 9.06rem 5.5rem 3.88rem;
    background-image: url('https://ide.code.fun/api/image?token=67b9408a4ae84d001226de46&name=1b7eb5d1fbbea452071aed687e682b6e.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height: 36.94rem;
}
.text_3 {
    color: #454545;
    font-size: 1.44rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    line-height: 1.38rem;
}
.group_2 {
    width: 28.53rem;
}
.group_3 {
    line-height: 1.88rem;
}
.text_4 {
    font-size: 1.06rem;
    line-height: 3.13rem;
}
.text_10 {
    font-size: 1.06rem;
    line-height: 1.88rem;
}
.text-wrapper_5 {
    padding: 0.75rem 0;
    background-color: #ffffffcc;
    border-radius: 0.31rem;
}
.pos {
    position: absolute;
    left: 0;
    top: 15.97rem;
}
.text_9 {
    margin-left: 0.75rem;
    margin-right: 0.56rem;
    color: #009cff;
}